const btn = document.querySelector('.btn')
const ul = document.querySelector('ul')
const msg_txt = document.querySelector('.msg_txt')
const comment = document.querySelector('.comment')
btn.addEventListener('click', function () {
  let lis = document.createElement('li')
  // 当输入内容为空时显示提示
  if (msg_txt.value === '') {
    alert('输入内容不能为空')
  } else {
    // 不为空的时候显示文字，添加li标签
    lis.innerHTML = `
    ${msg_txt.value}  
    <a href="javascript:;">删除</a>
    `
    ul.appendChild(lis)
  }
  // 复原 原来的文本
  msg_txt.value = ''

  // 删除模块
  const as = document.querySelectorAll('a')
  for (let i = 0; i < as.length; i++) {
    as[i].addEventListener('click', function () {
      this.parentNode.remove()
    })
  }

}) 